<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>设计师详情</title>
    <!--css style-->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="responsive/flexible.css">
    <script src="responsive/flexible.js"></script>
</head>
<body class="designer inner_page designer_detail">
    <header>
        <a href="javascript:void(0)" class="pre_page"></a>
      设计师

    </header>

    <section class="main">
      <div class="container brief">
          <div class="profile">
              <img src="img/profile.jpg" alt="">
          </div>
          <h1>刘博</h1>
          <p><img src="img/tel.png" alt=""><span>电话</span><strong>186 8685 2542</strong></p>
          <p><img src="img/company.png" alt=""></ing><span>企业</span>紫业国际设计</p>
          <p><img src="img/title.png" alt=""><span>职称</span>高级室内设计师</p>
          <h2>个人简介</h2>
          <div class="intro">
              本套案例既撷取东方传统的拙朴禅意，又融合典雅复古的西式倩影。既领略沧桑厚重的美式格调，又不乏悠悠海风，椰林四起的南国风韵。设计师将新古典、后现代混搭，纳入到空间中，浓烈的色彩，个性的装饰，使整本套案例既撷取东方传统的拙朴禅意，又融合典雅复古的西式倩影。既领略沧桑厚重的美式格调，又不乏悠悠海风，椰林起的南国风韵。设计师将新古典、后现代混搭，纳入到空间中，浓烈的色彩，个性的装饰，使整个空...
          </div>

      </div>
        <div class="work_list container">
            <h2>设计师作品</h2>
            <ul>
                <li><a href="effect_detail.html">
                    <div class="pic">
                        <img src="img/work.jpg" alt="">
                    </div>
                    <p>现代简约三居室客厅装修...</p>
                </a></li>
                <li><a href="effect_detail.html">
                    <div class="pic">
                        <img src="img/work.jpg" alt="">
                    </div>
                    <p>现代简约三居室客厅装修...</p>
                </a></li>
                <li><a href="effect_detail.html">
                    <div class="pic">
                        <img src="img/work.jpg" alt="">
                    </div>
                    <p>现代简约三居室客厅装修...</p>
                </a></li>
                <li><a href="effect_detail.html">
                    <div class="pic">
                        <img src="img/work.jpg" alt="">
                    </div>
                    <p>现代简约三居室客厅装修...</p>
                </a></li>
                <li><a href="effect_detail.html">
                    <div class="pic">
                        <img src="img/work.jpg" alt="">
                    </div>
                    <p>现代简约三居室客厅装修...</p>
                </a></li>
                <li><a href="effect_detail.html">
                    <div class="pic">
                        <img src="img/work.jpg" alt="">
                    </div>
                    <p>现代简约三居室客厅装修...</p>
                </a></li>
                <li><a href="effect_detail.html">
                    <div class="pic">
                        <img src="img/work.jpg" alt="">
                    </div>
                    <p>现代简约三居室客厅装修...</p>
                </a></li>
                <li><a href="effect_detail.html">
                    <div class="pic">
                        <img src="img/work.jpg" alt="">
                    </div>
                    <p>现代简约三居室客厅装修...</p>
                </a></li>
            </ul>
        </div>



    </section>
    <div class="to_appoint">
        <div class="wrapper">
            <div class="container">
                <h3><img src="img/person.png" alt="">刘博</h3>
                <p><img src="img/shop.png" alt="">紫叶国际设计</p>
            </div>

            <a href="appointment.html" class="appoint_btn">预约设计师</a>
        </div>

    </div>

</body>
<script src="js/jquery.js"></script>
<script>
    $(function(){
        $(".screen li").click(function(){
            var $this=$(this);
            $this.find(".sub_menu").slideToggle();
            $this.siblings("li").find(".sub_menu").hide();
        });
    });
</script>
</html>